<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>链接标签</title>
</head>

<body>

<h1>百度首页</h1>
<a href="#end" name="top">点击跳至尾部</a>
<a href="https://www.baidu.com">点击此按钮，跳转到百度首页</a><br>
<!-- 图片跳转 -->
<a href="https://www.baidu.com">
    <img src=".\baidu.png" alt="百度图片" width="300" height="150">
</a><br>
<!-- 新开标签页跳转 -->
<a href="https://taobao.com" target="_blank">
    点击此按钮，新开页面跳转到淘宝首页
</a><br>

<!-- 新开标签页跳转 -->
<a href="https://taobao.com" target="_self">
    点击此按钮，当前页面跳转到淘宝首页
</a>

<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<p>这是我随便填充的内容</p>
<a href="#top" name="end">点击返回顶部</a>&nbsp;&nbsp;&nbsp;
<!--功能性链接
邮件链接：mailto
-->
<a href="mailto:xxxxxx@qq.com">点击联系我</a>
</body>

</html>